<html><head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css">
    <link rel="stylesheet" href="theme.css" type="text/css">
  </head><body>
    <div class="py-5 text-center opaque-overlay" style="background-image:url(img/bg_1.jpg)">
    <div class="container py-5">
      <div class="row">
        <div class="col-md-12 text-white">
          <h1 class="display-3 mb-4">如此简单</h1>
          <p class="lead mb-5">利用可视化编辑器快速生成页面
            <br>基于Bootstrap 4 code生产，内容还在替换补充... </p>
          <a href="http://www.rucijiandan.cn" class="btn btn-lg mx-1 btn-secondary">如此简单官网</a>
          <a href="https://itunes.apple.com/cn/app/%E5%A6%82%E6%AD%A4%E7%AE%80%E5%8D%95/id1238657713?mt=8" class="btn btn-lg btn-primary mx-1">下载App</a>
        </div>
      </div>
    </div>
  </div><div class="py-5">
    <div class="container">
      <div class="row">
        <div class="col-md-12">
          <h1 class="text-center display-4 text-primary">操作简单、足够智能</h1>
          <p class="text-center display-8">如此简单是人人都能轻松使用的事项管理工具。如此简单希望通过自然语言识别、人工智能和推荐算法帮助你快速安排事务，就像多了一个24小时的智能时间秘书。帮助你把重要的事情在不紧急的时候做了，专注达成目标。在时间面前更从容，成为更好的人。</p>
        </div>
      </div>
    </div>
  </div><div class="py-5">
    <div class="container">
      <div class="row">
        <div class="col-md-12">
          <div class="row">
            <div class="col-md-6">
              <img class="img-fluid d-block w-100 mb-3 rounded" src="https://pingendo.github.io/templates/sections/assets/gallery_4.jpg">
              <p class="">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
                aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
            </div>
            <div class="col-md-6">
              <img class="img-fluid d-block w-100 mb-3 rounded" src="https://pingendo.github.io/templates/sections/assets/gallery_6.jpg">
              <p class="">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
                aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div><div class="py-5">
    <div class="container">
      <div class="row mb-5">
        <div class="col-md-7">
          <h2 class="text-primary">Article subtitle #1</h2>
          <p class="">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
            irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
        </div>
        <div class="col-md-5 align-self-center">
          <img class="img-fluid d-block w-100 img-thumbnail" src="https://pingendo.github.io/templates/sections/assets/gallery_9.jpg"> </div>
      </div>
      <div class="row">
        <div class="col-md-5">
          <img class="img-fluid d-block mb-4 w-100 img-thumbnail" src="https://pingendo.github.io/templates/sections/assets/gallery_3.jpg"> </div>
        <div class="col-md-7">
          <h2 class="text-primary pt-3">Article subtitle #2</h2>
          <p class="">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
            irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
        </div>
      </div>
    </div>
  </div><div class="py-5 bg-light">
    <div class="container">
      <div class="row">
        <div class="col-md-12 text-center">
          <h2 class="pb-4 text-secondary">Features from the future</h2>
        </div>
      </div>
      <div class="row">
        <div class="align-self-center text-md-right text-center col-md-4">
          <h3 class="text-primary">Responsive design</h3>
          <p class="mb-5">Based on fluid design principles.
            <br>Works with any screen resolution</p>
          <h3 class="text-primary">Customized settings</h3>
          <p class="mb-5">Choose settings depending on the criteria you value the most</p>
          <h3 class="text-primary">Connect</h3>
          <p class="">In-app chat panel 24/7 active.
            <br>The support you need, right there.</p>
        </div>
        <div class="my-3 col-md-4">
          <img class="img-fluid d-block ml-1 mx-auto" src="https://pingendo.github.io/templates/sections/assets/iphone_features.png"> </div>
        <div class="align-self-center text-md-left text-center col-md-4">
          <h3 class="text-primary">Battery-friendly</h3>
          <p class="mb-5">Non consuming background operation for longer mobile life</p>
          <h3 class="text-primary">Multilayers</h3>
          <p class="mb-5">Work simultaneously on different panels with the switcher</p>
          <h3 class="text-primary">Share the love</h3>
          <p>Help us spreading the word.
            <br>Tell your friends with just one-click</p>
        </div>
      </div>
    </div>
  </div><div class="py-5 text-center text-white opaque-overlay gradient-overlay" style="background-image: url(&quot;https://pingendo.github.io/templates/sections/assets/gallery_architecture_3.jpg&quot;);">
    <div class="container">
      <div class="row">
        <div class="p-4 col-md-3"> <i class="d-block fa fa-3x fa-pie-chart"></i>
          <h2 class="my-3">Improve</h2>
          <p>Based on fluid design principles. Works with any screen resolution</p>
        </div>
        <div class="col-md-3 p-4"> <i class="d-block fa fa-3x fa-th"></i>
          <h2 class="my-3">Scale</h2>
          <p>Work simultaneously on different panels. Share the work with teammates.</p>
        </div>
        <div class="col-md-3 p-4"> <i class="d-block fa fa-3x fa-globe"></i>
          <h2 class="my-3">Spread</h2>
          <p>Help us spreading the word. Tell your friends with just one-click</p>
        </div>
        <div class="col-md-3 p-4"> <i class="d-block fa fa-3x fa-money"></i>
          <h2 class="my-3">Make money</h2>
          <p>Choose settings depending on the criteria you value the most</p>
        </div>
      </div>
    </div>
  </div><div class="py-5 text-white opaque-overlay" style="background-image: url(&quot;https://pingendo.github.io/templates/sections/assets/cover_restaurant.jpg&quot;);">
    <div class="container">
      <div class="row">
        <div class="col-md-3"></div>
        <div class="col-md-6">
          <h1 class="text-gray-dark">Contact form</h1>
          <p class="lead mb-4">Complete all the fields below to send us a message</p>
          <form class="" method="post" action="https://formspree.io/">
            <div class="form-group"> <label>Email address</label>
              <input type="email" name="email" class="form-control" placeholder="Enter email"> </div>
            <div class="form-group"> <label>Password</label>
              <input type="password" name="password" class="form-control" placeholder="Password"> </div>
            <button type="submit" class="btn btn-primary">Send</button>
          </form>
        </div>
      </div>
    </div>
  </div><div class="py-5 bg-dark text-white">
    <div class="container">
      <div class="row">
        <div class="col-md-9">
          <p class="lead">Sign up to our newsletter for the latest news</p>
          <form class="form-inline">
            <div class="form-group">
              <input type="email" class="form-control" placeholder="Your e-mail here"> </div>
            <button type="submit" class="btn btn-primary ml-3">Subscribe</button>
          </form>
        </div>
        <div class="col-4 col-md-1 align-self-center">
          <a href="https://www.facebook.com" target="_blank"><i class="fa fa-fw fa-facebook fa-3x text-white"></i></a>
        </div>
        <div class="col-4 col-md-1 align-self-center">
          <a href="https://twitter.com" target="_blank"><i class="fa fa-fw fa-twitter fa-3x text-white"></i></a>
        </div>
        <div class="col-4 col-md-1 align-self-center">
          <a href="https://www.instagram.com" target="_blank"><i class="fa fa-fw fa-instagram text-white fa-3x"></i></a>
        </div>
      </div>
      <div class="row">
        <div class="col-md-12 mt-3 text-center">
          <p>© Copyright 2017 Pingendo - All rights reserved.</p>
        </div>
      </div>
    </div>
  </div><script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js" integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh" crossorigin="anonymous"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script>
  
  </body></html>